<!doctype html>
<html>

<head>
	<meta charset="utf-8">
	<title>古今在线</title>
	<% include  ./template/commonCss.ejs %>
	<link href="<%=resUrl%>/css/post.css" rel="stylesheet" type="text/css" />
	<% include ./template/commonJs.ejs %>
	<% include ./template/chatLister.ejs %>
</head>

<body ontouchstart>
	<% 
		var topTitle = '问题详情';
		var topReturnType = '';
	%>
	<% include ./template/topReturn.ejs %>
	<div class="content">
		<!--下拉刷新-->
		<div class="weui-pull-to-refresh__layer" style="padding: 0px;">
			<div class="weui-pull-to-refresh__arrow"></div>
			<div class="weui-pull-to-refresh__preloader"></div>
			<div class="down">下拉刷新</div>
			<div class="up">释放刷新</div>
			<div class="refresh">正在刷新</div>
		</div>
		<div id="post-content"></div>
		<script id="post" type="text/html">
			<div class="post">
				<div class="avater" style="background:url({{post.publishUserDetail.photo}}) center center no-repeat;background-size:100% auto;"></div>
				<div class="container">
					<div class="name">{{post.publishUserDetail.name}}</div>
					<div class="title">{{post.title}}</div>
					<div class="desc">{{post.content}}</div>
					<div class="photos">
						{{post.image | splitImages}}
						{{each $imports.imgs as img i}}
							<div class="photo" data-url="{{img}}" style="background:url({{img}}?x-oss-process=image/resize,w_600) center center no-repeat;background-size:100% auto;"></div>
						{{/each}}
						<div class="auto-height"></div>
					</div>
					<div class="auto-height"></div>
				</div>
				<div class="auto-height"></div>
			</div>
		</script>
		<div id="answers-content"></div>
		<script id="answers" type="text/html">
			{{if list && list.length > 0}}
				<div class="an-title">回复的评论</div>
				{{each list}}
					<div class="answer">
						<div class="avater" style="background:url({{$value.replyUserDetail.photo}}) center center no-repeat;background-size:100% auto;"></div>
						<div class="container">
							<div class="name">{{$value.replyUserDetail.name}}</div>
							<div class="title">{{$value.content}}</div>
							<div class="time">
								{{$value.createDate | TimestampToTime}}
								<svg t="1555737485085" replyId="{{$value.id}}" replyUserName="{{$value.replyUserDetail.name}}" class="icon msg" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5414" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200">
									<defs><style type="text/css"></style></defs>
									<path d="M512.096085 0.00001a511.997995 511.997995 0 0 0-411.837996 816.316992c5.44 7.36 16.96 21.76 16.96 21.76l-40 164.479998 174.399999-49.599999 3.2 1.92A511.997995 511.997995 0 1 0 512.095085 0.00001z m0 959.995991a445.437996 445.437996 0 0 1-231.038998-64l-3.2-1.92-134.399998 33.92 34.239999-119.038999a450.877996 450.877996 0 0 1-38.719999-50.239999 447.997996 447.997996 0 1 1 373.119996 201.279998z" p-id="5415" fill="#8a8a8a"></path><path d="M224.097088 511.998005a63.999999 63.999999 0 1 0 127.999999 0 63.999999 63.999999 0 1 0-127.999999 0zM448.096086 511.998005a63.999999 63.999999 0 1 0 127.999998 0 63.999999 63.999999 0 1 0-127.999998 0zM672.095083 511.998005a63.999999 63.999999 0 1 0 127.999999 0 63.999999 63.999999 0 1 0-127.999999 0z" p-id="5416" fill="#8a8a8a">
									</path>
								</svg>
							</div>
							{{if $value.child && $value.child.length > 0}}
								{{each $value.child as reply i}}
									<div class="s-answer">
										<div class="s-avater" style="background:url({{reply.replyUserDetail.photo}}) center center no-repeat;background-size:100% auto;"></div>
										<div class="s-container">
											<div class="name">{{reply.replyUserDetail.name}}->{{reply.answerUserDetail.name}}</div>
											<div class="title">{{reply.content}}</div>
											<div class="time">
												{{reply.createDate | TimestampToTime}}
												<svg t="1555737485085" replyId="{{$value.id}}" replyUserName="{{$value.replyUserDetail.name}}" class="icon msg" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5414" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200">
													<defs><style type="text/css"></style></defs>
													<path d="M512.096085 0.00001a511.997995 511.997995 0 0 0-411.837996 816.316992c5.44 7.36 16.96 21.76 16.96 21.76l-40 164.479998 174.399999-49.599999 3.2 1.92A511.997995 511.997995 0 1 0 512.095085 0.00001z m0 959.995991a445.437996 445.437996 0 0 1-231.038998-64l-3.2-1.92-134.399998 33.92 34.239999-119.038999a450.877996 450.877996 0 0 1-38.719999-50.239999 447.997996 447.997996 0 1 1 373.119996 201.279998z" p-id="5415" fill="#8a8a8a"></path><path d="M224.097088 511.998005a63.999999 63.999999 0 1 0 127.999999 0 63.999999 63.999999 0 1 0-127.999999 0zM448.096086 511.998005a63.999999 63.999999 0 1 0 127.999998 0 63.999999 63.999999 0 1 0-127.999998 0zM672.095083 511.998005a63.999999 63.999999 0 1 0 127.999999 0 63.999999 63.999999 0 1 0-127.999999 0z" p-id="5416" fill="#8a8a8a">
													</path>
												</svg>
											</div>
											<div class="auto-height"></div>
										</div>
										<div class="auto-height"></div>
									</div>
								{{/each}}
							{{/if}}
							<div class="auto-height"></div>
						</div>
						<div class="auto-height"></div>
					</div>
				{{/each}}
			{{/if}}
		</script>
		<script id="answers-more" type="text/html">
			{{if list && list.length > 0}}
				{{each list}}
					<div class="answer">
						<div class="avater" style="background:url({{$value.replyUserDetail.photo}}) center center no-repeat;background-size:100% auto;"></div>
						<div class="container">
							<div class="name">{{$value.replyUserDetail.name}}</div>
							<div class="title">{{$value.content}}</div>
							<div class="time">
								{{$value.createDate | TimestampToTime}}
								<svg t="1555737485085" replyId="{{$value.id}}" replyUserName="{{$value.replyUserDetail.name}}" class="icon msg" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5414" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200">
									<defs><style type="text/css"></style></defs>
									<path d="M512.096085 0.00001a511.997995 511.997995 0 0 0-411.837996 816.316992c5.44 7.36 16.96 21.76 16.96 21.76l-40 164.479998 174.399999-49.599999 3.2 1.92A511.997995 511.997995 0 1 0 512.095085 0.00001z m0 959.995991a445.437996 445.437996 0 0 1-231.038998-64l-3.2-1.92-134.399998 33.92 34.239999-119.038999a450.877996 450.877996 0 0 1-38.719999-50.239999 447.997996 447.997996 0 1 1 373.119996 201.279998z" p-id="5415" fill="#8a8a8a"></path><path d="M224.097088 511.998005a63.999999 63.999999 0 1 0 127.999999 0 63.999999 63.999999 0 1 0-127.999999 0zM448.096086 511.998005a63.999999 63.999999 0 1 0 127.999998 0 63.999999 63.999999 0 1 0-127.999998 0zM672.095083 511.998005a63.999999 63.999999 0 1 0 127.999999 0 63.999999 63.999999 0 1 0-127.999999 0z" p-id="5416" fill="#8a8a8a">
									</path>
								</svg>
							</div>
							{{if $value.child && $value.child.length > 0}}
								{{each $value.child as reply i}}
									<div class="s-answer">
										<div class="s-avater" style="background:url({{reply.replyUserDetail.photo}}) center center no-repeat;background-size:100% auto;"></div>
										<div class="s-container">
											<div class="name">{{reply.replyUserDetail.name}}->{{reply.answerUserDetail.name}}</div>
											<div class="title">{{reply.content}}</div>
											<div class="time">
												{{reply.createDate | TimestampToTime}}
												<svg t="1555737485085" replyId="{{$value.id}}" replyUserName="{{$value.replyUserDetail.name}}" class="icon msg" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5414" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200">
													<defs><style type="text/css"></style></defs>
													<path d="M512.096085 0.00001a511.997995 511.997995 0 0 0-411.837996 816.316992c5.44 7.36 16.96 21.76 16.96 21.76l-40 164.479998 174.399999-49.599999 3.2 1.92A511.997995 511.997995 0 1 0 512.095085 0.00001z m0 959.995991a445.437996 445.437996 0 0 1-231.038998-64l-3.2-1.92-134.399998 33.92 34.239999-119.038999a450.877996 450.877996 0 0 1-38.719999-50.239999 447.997996 447.997996 0 1 1 373.119996 201.279998z" p-id="5415" fill="#8a8a8a"></path><path d="M224.097088 511.998005a63.999999 63.999999 0 1 0 127.999999 0 63.999999 63.999999 0 1 0-127.999999 0zM448.096086 511.998005a63.999999 63.999999 0 1 0 127.999998 0 63.999999 63.999999 0 1 0-127.999998 0zM672.095083 511.998005a63.999999 63.999999 0 1 0 127.999999 0 63.999999 63.999999 0 1 0-127.999999 0z" p-id="5416" fill="#8a8a8a">
													</path>
												</svg>
											</div>
											<div class="auto-height"></div>
										</div>
										<div class="auto-height"></div>
									</div>
								{{/each}}
							{{/if}}
							<div class="auto-height"></div>
						</div>
						<div class="auto-height"></div>
					</div>
				{{/each}}
			{{/if}}
		</script>
		
		<div class="weui-loadmore" id="loadmore">
			<i class="weui-loading"></i>
			<span class="weui-loadmore__tips">正在加载</span>
		</div>
		<div class="weui-loadmore weui-loadmore_line" style="display:none;" id="nomore">
			<span class="weui-loadmore__tips">到底了</span>
		</div>
	</div>
	<div class="send">
		<input type="text" name="send-text" style="-webkit-user-select:auto">
		<svg class="icon" id="goSend" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="#2c2c2c" d="M1013.761223 5.491925c-5.850936-5.299761-14.160961-6.889689-21.601826-4.21861L65.019208 340.118835c-31.862163 12.740625-54.417946 40.532572-60.31128 74.323848-5.893334 33.791276 5.914533 67.540154 32.095353 90.795506l238.022866 197.278304c-0.21199 1.038753-0.699568 2.013909-0.763166 3.09506l-14.584942 296.04465c-0.423981 8.734006 4.600193 16.959235 12.63463 20.520675 2.798274 1.208346 5.723742 1.823118 8.628011 1.823118 5.55415 0 11.002304-2.204701 15.030122-6.253718l128.296614-128.275415c8.310025-8.331224 8.310025-21.771418 0-30.060244-8.331224-8.331224-21.771418-8.331224-30.081443 0l-89.290373 89.269174 10.514726-212.66881 309.718033 256.699224C642.968745 1008.736683 666.033305 1017.555486 689.967025 1017.555486c42.80087 0 80.407974-27.304369 93.996561-69.236078L1020.120937 26.542576C1022.071249 18.889721 1019.61216 10.791686 1013.761223 5.491925zM302.384903 670.124353 64.510431 472.952045c-14.542544-12.910218-21.220243-32.031756-17.891993-51.174492 3.370648-19.142737 16.174871-34.914825 33.621684-41.91051l835.284732-305.266234L302.384903 670.124353zM743.113029 936.469142c-8.585613 26.647198-32.964513 38.539862-53.167202 38.539862-9.560769 0-23.679332-2.459089-37.352716-14.584942L335.349417 697.428722 959.703661 91.008869 743.113029 936.469142z"></path></svg>
		<div class="replyFrame">
			<div class="replyUserName">回复:<font id="replyUserName"></font></div>
			<svg class="close" t="1552392959791" style="width:0.45rem;height:0.45rem;position:absolute;top:-0.05rem;right:0.2rem;cursor:pointer;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5486" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M512 32C246.4 32 32 246.4 32 512s214.4 480 480 480 480-214.4 480-480S777.6 32 512 32" fill="#FF2828" p-id="5487"></path><path d="M713.6 713.6c-12.8 12.8-35.2 12.8-48 0l-153.6-153.6-153.6 153.6c-12.8 12.8-35.2 12.8-48 0s-12.8-35.2 0-48l153.6-153.6-153.6-153.6c-12.8-12.8-12.8-35.2 0-48s35.2-12.8 48 0l153.6 153.6 153.6-153.6c12.8-12.8 35.2-12.8 48 0s12.8 35.2 0 48l-153.6 153.6 153.6 153.6c16 12.8 16 35.2 0 48z" fill="#FFFFFF" p-id="5488"></path></svg>
		</div>
	</div>
	<script>
		var id = '<%=id%>';
		var replyUserName = '';
		var replyId = '';
	</script>
	<script type="text/javascript" src="<%=resUrl%>/js/post.js"></script>
</body>

</html>